.card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    .card {
        display: grid;
        grid-template-rows: 300px auto;
        border: 0px;
        .card-image {
            height: 100%;
            width: 100%;
        }
        .card-text {
            padding: 5px;
            display: grid;
            border: 1px solid #ccc;
            grid-gap: 3px;
            grid-template-rows: auto auto auto;
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "a a"
                                    "b c"
                                    "d e";

            .card-name {
                grid-area: a;
                font-size: 16px;
                font-weight: bold;
            }
            .card-code {
                grid-area: b;
                font-size: 12px;
            }
            .card-amount {
                grid-area: c;
                font-size: 12px;
                justify-self: end;
            }
            .card-price {
                grid-area: d;
                font-size: 20px;
                font-weight: bold;
            }
            .card-button {
                grid-area: e;
                justify-self: end;
                align-self: center;
            }
        }
    }
    .card:hover {
        box-shadow: 0 2px 8px #aaa;
    }
}

.operate {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-gap: 10px;
    justify-content: end;
    .search-input {
        width: 270px;
    }
}

.action{
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    justify-content: center;
    align-items: center;
}

.label-lg {
    &.design {
        background-color: #406ccb;
    }
    &.model {
        background-color: #b16ba4;
    }
    &.install {
        background-color: #ff943b;
    }
    &.success {
        background-color: #00a65a;
    }
    &.run {
        background-color: #37C6C0;
    }
    &.stop {
        background-color: #f54248;
    }
    &.useless {
        background-color: #a8a8a8;
    }
}
